<!DOCTYPE HTML>
<html>

	<head lang="zh-CN">
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>享阅汇</title>
		<script type="text/javascript" src="../../js/jquery.rem.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/wapReset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/personal.css" />
		<style type="text/css">
			html {
				/*overflow: scroll;*/
			}
			
			#taskBG {
				height: 28.686rem;
				background: #FF3D56 !important;
			}
			
			.taskBG1 {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
			}
			
			.taskBG2 {
				position: absolute;
				top: 5rem;
				width: 100%;
				height: 20rem;
				background: url("../../img/taskImg/taskBG2.png") no-repeat;
				background-size: 100% auto;
			}
			
			.taskBG2 h2 {
				font-size: 0.949rem;
				font-weight: bold;
				color: #FF4561;
				text-align: center;
				margin-top: 10rem;
				margin-bottom: 1.2rem;
			}
			.taskBG2 span {
				display: block;
				width: 100%;
				font-size: 0.521rem;
				color: #666;
				text-align: center;
				margin: 0.208rem auto 0 auto;
				font-weight: bold;
			}
			
			.taskBG2 span a {
				font-size: 0.608rem;
				color: #FF4561;
				font-weight: bold;
			}
			
			.button {
				display: block;
				position: absolute;
				width: 7.956rem;
				height: 2.717rem;
				left: 50%;
				top: 18.6rem;
				margin: 1.521rem auto auto -4rem;
				border: none;
				outline: none;
				background: url("../../img/taskImg/taskBG5.png") no-repeat;
				background-size: 100% auto;
				z-index: 22;
			}
			
			.taskBG3 {
				position: absolute;
				top: 20.586rem;
				left: 0;
				width: 3.434rem;
			}
			
			.taskBG4 {
				position: absolute;
				top: 21.673rem;
				right: 0;
				width: 3.782rem;
			}
			
			.taskBG5 {
				position: absolute;
				margin-top: 26.065rem;
				width: 11.847rem;
				color: white;
				left: 50%;
				margin-left: -5.6rem;
				font-size: 0.434rem;
				padding-bottom: 1.2rem;
			}
			
			.B_Foot_FX {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 7.8rem;
				background: white;
				z-index: 23;
				padding-top: 0.4rem;
				box-shadow: 0px 1px 25.38px 1.62px rgba(222, 223, 224, 0.66);
				display: none;
			}
			
			.B_FX_Img {
				width: 100%;
				height: 5.2rem;
			}
			
			.B_FX_Img li {
				width: 50%;
				height: 100%;
				float: left;
				text-align: center;
			}
			
			.B_FX_Img li img {
				height: 2.6rem;
				margin-top: 0.6rem;
				margin-bottom:0.1rem;
			}
			
			.B_FX_Img li span {
				display: block;
				font-size: 0.565rem;
				color: #666;
			}
			
			.shareCircle {
				position: relative;
			}
			.B_QX {
				height: 3.2rem;
				background: #F6F4F5;
				color: #666;
				line-height: 2.6rem;
				text-align: center;
				font-size: 0.695rem;
			}
			/*弹幕样式*/
			.boxDom {
				width: 100%;
				height: 100%;
				position: absolute;
				overflow: hidden;
				z-index: 21;
			}
			
			.string {
				min-width: 1.086rem;
				height: 0.634rem;
				position: absolute;
				z-index: 23;
				overflow: visible;
				color: #fff;
				font-size: 0.521rem;
				line-height: 0.634rem;
				cursor: pointer;
				white-space: nowrap;
				padding: 0.13rem 0.217rem;
				padding-left:0.8rem;
			}
			.string img{
				position: absolute;
				width: 0.8rem;
				height:0.8rem;
				border-radius: 50%;
				z-index: 100;
				top:0;left:0;
			}
		</style>
	</head>

	<body id="taskBG">
		<div class="boxDom" id="boxDom">
			<button class="button"></button>
		</div>
		<img src="../../img/taskImg/taskBG1.png" / class="taskBG1">
		<div class="taskBG2">
			<h2>邀请好友奖励</h2>
			<span>您邀请的好友下载APP并启动后</span>
			<span>您会获得 <a href="javascript:;">5元</a> 提现奖励 </span>
			<!--<button class="button"></button>-->
		</div>
		<img src="../../img/taskImg/taskBG3.png" class="taskBG3" />
		<img src="../../img/taskImg/taskBG4.png" class="taskBG4" />
		<div class="taskBG5">
			奖励说明:一开始奖励是冻结状态，当好友首次提现时，该奖<br/>励到您的账户并可提现
		</div>
		<!--遮罩蒙版-->
		<div class="B_Foot_FX">
			<ul class="B_FX_Img">
				<li class="shareCircle">
					<img src="../../image/PYQ.png" />
					<span>朋友圈</span>
				</li>
				<li class="shareWXHY">
					<img src="../../image/WXHY.png" />
					<span>微信好友</span>
				</li>
			</ul>
			<p class="B_QX">取 消</p>
		</div>
	</body>
	<script type="text/javascript">
		console.log(7879)
		var share_flag="",share_invite_code="",share_logo="";
		$(".button").on("click", function() {
			alert(localStorage.uuid)
			$.ajax({
				type:"post",
				url:"http://120.76.201.26:8088/task/inviteUrl",
				async:true,
				data:{
					uuid:localStorage.uuid
				},
				success:function(e){
					share_flag=e.data.flag;
					share_invite_code=e.data.invite_code;
					share_logo=e.data.logo;
					alert(share_flag)
					alert(share_invite_code)
				}
			});
			$(".B_Foot_FX").css("display", "block");
		})
		$(".B_QX").on("click", function() {
			$(".B_Foot_FX").css("display", "none");
		})
		//弹幕功能
		var timer=null;
		function getRandomColor() {
			//          return '#' + (function(h){
			//              return new Array(7 - h.length).join("0") + h
			//          })((Math.random() * 0x1000000 << 0).toString(16));
			return "#fff"

		}
		var auto = function() {
			var pageW = parseInt($(document).width());
			var pageH = parseInt($(document).height());
			var boxDom = $("#boxDom");
			var Top, Right;
			var width;
			width = pageW;
			var allNameT='董懂冻东栋冬,大西轰,张鹏飞Makeup,AS动感超人,CJ_Hair,Diamond_Me_,倒退的年華,曦子晨,聂风Pro,飞翔的Edison,H_九厘,诗子花色,彩蛋派,I漫漫牛I,邻家小小兔,酒水咖啡,燕山弓猎人,喵喵喵酱-rrrt,正午君,只因来自北方,云淡风轻独伊人,郎郎江湖,贫嘴的wifi,下课来办公室一趟,最美不过霞,山羊的楊,怡红院大股东V,瑞天空skyray,新酱以一敌百,咖喱鱼蛋mk,我么俩的刚刚好,come-on饭团SAMA,奥特曼爵士,懒酱多贰衮,哈喽哈喽小白白,賀韻霏,DopeZ,iamying,何枫peggy,爱YO唯,木小木711,专业端面二营长,F家的草莓仙女,_留下你的脸,卖蜂蜜的小蜜蜂吖,我家有只36E的小奶牛,北京闫光,安逸魔,Ms张小花爱生活,小丸子Jia,nono乓,家有嘟宝和米朵儿,长白山下的小狼哥,小皮，冷学长,爱生活爱二蛋,那座山的海,疯丫头lulu,Vitaye格子,安静的望仔,德彪退散,德彪退散,喜悦_820,嘻哈小梨儿,我又不伟大,爱吃红薯的强迫症,我就看你咋了,队长他有枪,W小姐之絮絮叨叨,Silent65122,郭芒种：,红太狼小姐姐,沐美：,C乐,圆咕隆,北寂凉薄,面相命运与健康,这个微博很燥热,Ctrler,少花点多买点,丢丢狗的妈,清琪赵,发呆的老戴,大宁viva,七七小北,Lingle_C,大同天下_天下大同,shan冰,土匪大人真面善,半仙山人,一丝不挂,溪筠美术馆,腿像,婠QING-,小雨绘画,sentosa_,万丶L_,livia小天使,红色的Kiki020,刘体乾,鲸鱼,小林狗,漫步滋味,刘HiHi,惠新西街南口,Ann_anann,文斯Vince,堇年Invader,P1nkLucifer666,总会有人爱我如生命,小小齐workwork,古娜拉黑暗之神女,朝阳区李大爷,张胖胖和她的喵,超子orz,阿玄公,面朝大海-春暖花开,薛定谔的猫毛i,思莹姐姐哦,疯狂麦克王,燕山弓猎人,小乖真乖啊,YG草莓籽儿,燕山弓猎人,Love_卍_Peace,别浪了123,雯豆儿旭儿,鮑風雪,我就任性咋啦,wamilan_YRH,柴不可夫斯基,IrinaMn,靳-英雄,miranda童雪,给你后脑勺三枪,安联的拜仁儿,Moonlu慢吞吞,我是Xu大君,不想说那么多了,赵大阳阳030,美倩Zz,沫沫小丫头agi,上野卿一,房大富,沫沫末儿,风走了八千里,B146娇娇198765,原谅被你带走的永远,___2地主,Y-Sandara,半仙山人,懒懒的软糖,ShutthEfvkup,战争史研究WHS,风声鹤唳翁,种花家的小兔子,艾小艾喵儿,海蜇蜇我我咬他,览-天下,中山路18号,Catherine六六,傻丫头吥乖,張四爺,不一样的瓜果,山西睿智天际,热心市民簗先生,白左,是VE呀,_和顺斋猛犸,旅途丶1225,当西门不再吹雪,柴不可夫斯基,犇犇mini大吃货,毛毛味儿的立夏,光吃也长肉,__刘笑廷,Nbwest磊哥,什么都别吃,Z阿吃,我是GDP,蘑古蘑古蘑古莉,Lzoe甜橘课代表,儿童摄影吉玉,Clearcrystal1,傻丫头吥乖,lostinthe,皮卡丘play,雾鱼瓜,辣妈lisaxie,别吵我正读书呢,她夏丶,WW忻,我类个哎呀,张旭-ZX1984,柏拉图理想国,周小王八蛋丫,草基毛,SS--VV';
			var arrName=allNameT.split(",");
			var colorArr = ["#cfaf12", "#12af01", "#981234", "#adefsa", "#db6be4", "#f5264c", "#d34a74"];
			var money = ["10元", "30元", "50元"];			
			var creSpan = $("<span style='text-indent: 0.734rem;border-radius:100px;background:rgba(0,0,0,0.5);' class='string'><img style='position:absolute;z-index: 99;width:0.4rem;height:0.4rem;border-radius: 50%;top:-0.1rem;left:-0.1rem;' src='../../img/personalImg/headImg/1.jpg'/></span>");
			Top = parseInt(pageH * (Math.random()));
			var num = parseInt(colorArr.length * (Math.random()));
			var text = arrName[parseInt(arrName.length * (Math.random()))]+"在"+num+"分钟前，提现"+money[num%3];
			creSpan.html(text+"<img style='position:absolute;z-index: 99;width:1.2rem;height:1.2rem;border:0.043rem solid #ccc;border-radius: 50%;top:-0.2rem;left:-0.1rem;' src='../../img/personalImg/headImg/"+parseInt(100*Math.random())+".jpg'/>");
			if(Top > pageH - 90) {
				Top = pageH - 90;
			}
			creSpan.css({
				"top": Top,
				"right": -300,
				"color": getRandomColor()
			});
			
			boxDom.append(creSpan);
			var spanDom = $("#boxDom>span:last-child");
			spanDom.stop().animate({
				"right": pageW + 300
			}, 9100, "linear", function() {
				$(this).remove();
			});
		}
		timer=setInterval(function() {
			auto();
		}, 1000)
		
		//分享功能

		$(".shareWXHY").on("click", function() {
			var FXurl = 'http://xhy.51kulu.com:94/jumpMoney.html?flag='+share_flag+"&invite_code="+share_invite_code
			
			plus.pluginutil.shareWX("享阅汇", "邀请壕友奖励现金", FXurl, share_logo, function(result) {
				mui.toast("分享成功");
			}, function(result) {
				mui.toast("分享失败");
			});
		})

		$(".shareCircle").on("click", function() {
			var FXurl = 'http://xhy.51kulu.com:94/jumpMoney.html?flag='+share_flag+"&invite_code="+share_invite_code
			
			plus.pluginutil.shareCircle("享阅汇", "邀请壕友奖励现金", FXurl, share_logo, function(result) {
				mui.toast("分享成功");
			}, function(result) {
				mui.toast("分享失败");
			});
		})
 
		
	</script>

</html>